<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>编辑信息</title>
    <link href="../css/home.css" rel="stylesheet" type="text/css">
    <link href="../css/projects.css" rel="stylesheet" type="text/css">
    <link href="../../framework/carousel/style/style-demo.css" rel="stylesheet" type="text/css">
    <link href="http://g.tbcdn.cn/sj/wqui/1.0.0/css/sui.min.css" rel="stylesheet" type="text/css"/>

    <link href="http://g.alicdn.com/sj/sui-editor/0.0.2/editor/css/sui-editor.css" rel="stylesheet" type="text/css"/>

    <script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../js/tab.js"></script>
    <script type="text/javascript" src="../../framework/carousel/js/jquery.mousewheel-3.1.12.js"></script>
    <script type="text/javascript" src="../../framework/carousel/js/jquery.jcarousellite.js"></script>

    <script src="http://g.tbcdn.cn/sj/wqui/1.0.0/js/sui.min.js"></script>

    <script src="http://g.alicdn.com/sj/sui-editor/0.0.2/sui-editor.config.js"></script>
    <script src="http://g.alicdn.com/sj/sui-editor/0.0.2/editor/js/sui-editor.js"></script>
</head>

<body class="body_bg">

<!-- 导航 -->
<div class="container">
    <!--<object id="headerObject" data="../home/header.html"></object>-->
    <div id="topnav" class="navbar-fixed-top">
        <div class="nav">
            <a href="#" class="logo">
                <img src="../images/logo.png">
            </a>
            <ul class="nav-ul">
                <li id="index"><a href="../home/index.html" target="_parent">首页</a></li>
                <li id="browse"><a href="../home/browseProject.html" target="_parent">浏览项目</a></li>
                <li class="onNav" id="project"><a href="../projects/basicInfo.html" target="_parent">发起项目</a></li>
                <a class="col_text">全国</a>
                <a class="col_text">[城市切换]</a>
            </ul>
            <div id="login">
                <a href="../login/login.html" target="_parent">登录</a>
                <span>|</span>
                <a href="../login/register.html" target="_parent">注册</a>
            </div>
        </div>
    </div>
    <div style="height: 65px;"></div>
    <div>
        <div class="pro_1">
            <div class="pro_nav">
                <div class="eidtitem pro_nav_bg pro_nav_postion">1.基本信息</div>
                <div class="basic pro_nav_bg pro_nav_postion" style="margin-left: -5px;">2.编辑信息</div>
                <div class="eidtitem pro_nav_bg pro_nav_postion" style="margin-left: -5px;">3.提交审核</div>
            </div>

            <div class="pro_preview">
                <div>
                    <a href="javascript:void(0);" class="sui-btn-1 btn-width-2 btn-preview sui-btn-radius a_decoration">
                        <img src="../images/eye.png" style="margin-top: -5px;"><span class="label_size_1">效果预览</span>
                    </a>
                    <a href="javascript:void(0);" class="sui-btn-1 btn-width-2 btn-custom sui-btn-radius a_decoration">
                        <span class="label_size_1">提交审核</span>
                    </a>
                </div>
            </div>
            <div id="tab2" style="margin-top: 0px;">
                <ul class="tab_menu">
                    <li class="selected_2"><a class="a_decoration" href="#"><span class="label_6">项目介绍</span></a></li>
                    <li><a class="a_decoration" href="#"><span class="label_6">路演展示</span></a></li>
                    <div class="share jiathis_style_32x32">
                        <a href="http://www.jiathis.com/share" class="jiathis a_decoration"><img src="../images/share.png">
                            <span class="label_6">分享</span>
                        </a>&nbsp;
                        <span class="label_6">|</span>
                        <a href="#" class="a_decoration">
                            <span class="label_6">点赞</span>
                            <img src="../images/hander.png"/>
                            <span class="label_6">13</span>
                        </a>
                    </div>
                </ul>

            </div>
        </div>
        <div class="pro_2">
            <div class="pro_con" style="width: 1112px;">
                <div class="pro_form">
                    <div class="pro_context">
                        <div class="pro_product">

                            <div id="jcl-demo">
                                <div class="pro_edit_bg">
                                    <a id="editService" data-toggle="modal" data-target="#myModal" data-keyboard="false">
                                        <img src="../images/edit.png"/>
                                    </a>
                                    <span class="label-blue">修改服务提供商</span>
                                </div>
                                <div class="custom-container mixedContent">
                                    <a href="#" class="prev">&lsaquo;</a>
                                    <div class="carousel">
                                        <ul>
                                            <li>
                                                <div class="carousel_bg carousel_div carousel_field">
                                                    <span class="label_7">天津优选品牌策划</span>
                                                </div>
                                                <div style="text-align: center"><span class="label_8">提供实地查考服务</span></div>
                                            </li>
                                            <li>
                                                <div class="carousel_bg carousel_div carousel_money">
                                                    <span class="label_7">天津优选品牌策划</span>
                                                </div>
                                                <div style="text-align: center"><span class="label_8">提供财务管理服务</span></div>
                                            </li>
                                            <li>
                                                <div class="carousel_bg carousel_div carousel_plan">
                                                    <span class="label_7">天津优选品牌策划</span>
                                                </div>
                                                <div style="text-align: center"><span class="label_8">提供品牌策划服务</span></div>
                                            </li>
                                            <li>
                                                <div class="carousel_bg carousel_div carousel_consult">
                                                    <span class="label_7">天津优选品牌策划</span>
                                                </div>
                                                <div style="text-align: center"><span class="label_8">提供法律咨询服务</span></div>
                                            </li>
                                            <li>
                                                <div class="carousel_bg carousel_div carousel_service">
                                                    <span class="label_7">天津优选品牌策划</span>
                                                </div>
                                                <div style="text-align: center"><span class="label_8">提供资本运作服务</span></div>
                                            </li>
                                        </ul>
                                    </div>

                                    <a href="#" class="next">&rsaquo;</a>
                                    <div class="clear"></div>
                                </div>
                            </div>
                        </div>
                        <div class="tab_box2">
                            <div class=" pro_tab">
                                <div id="tab3">
                                    <ul class="tab_menu">
                                        <li class="selected_3"><a class="a_decoration" href="#"><span class="label_9">插入视频</span></a></li>
                                        <li><a class="a_decoration" href="#"><span class="label_9">上传视频</span></a></li>
                                        <div class="pro_edit_bg">
                                            <a id="editVideo" data-toggle="modal" data-target="#myModal" data-keyboard="false">
                                                <img src="../images/edit.png"/>
                                            </a>
                                            <span class="label-blue">修改视频</span>
                                        </div>
                                    </ul>

                                </div>
                                <div class="tab_box3">
                                    <div>
                                        <textarea id="editor" style="width:645px;height:415px;"></textarea>
                                    </div>
                                    <div class="tab_hide">
                                        <div style="overflow:hidden; border: 2px #dcdcdc dashed; width:664px; height: 307px;margin: 20px auto;">

                                            <div class="controls" style="text-align: center; display: block; margin-top: 80px;">
                                                <img src="../images/add_video.png">
                                            </div>
                                            <div class="controls">
                                                <span class="input-file sui-btn-1 sui-btn-radius btn-custom" style="padding: 15px; width: 158px; border: 1px #ccc solid; font-size: 16px;">
                                                    点击选择文件<input id="fileupload" type="file" name="files[]" multiple style=" width: 158px; height: 50px;">
                                                </span>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="tab_hide pro_tab">
                                <video width="636" height="480" controls="controls" style="margin-left: 15px;">
                                    <source src="../video/movie.mp4" type="video/mp4">
                                    <source src="../video/movie.ogg" type="video/ogg">
                                </video>
                            </div>
                        </div>

                    </div>
                    <div class="pro_context" style="float: right; background: none">
                        <div class="pro_mes" style="width: 344px; height: 294px;">
                            <div class="pro_edit_bg">
                                <a id="editBasic" data-toggle="modal" data-target="#myModal" data-keyboard="false">
                                    <img src="../images/edit.png"/>
                                </a>
                                <span class="label-blue">修改基本信息</span>
                            </div>
                            <div class="pro_context_title" style="margin-top: -30px;"><span class="label_10">创始人</span></div>
                            <div class="pro_context_body">
                                <img src="../images/founder.png" id="pro_head">
                                <h1>刘新同</h1>
                                <a href="javascript:void(0);" class="sui-btn-1 btn-width-4 btn-custom">
                                    <img src="../images/message.png" style="margin-top: 2px; margin-right: -5px;">
                                    <span class="label_3">约谈</span>
                                </a>
                                <a href="javascript:void(0);" class="sui-btn btn-width-4 btn-custom">
                                    <span class="label_3">+关注</span>
                                </a>
                                <div class="pro_imgList">
                                    <div class="imgDiv border_line">
                                        <img src="../images/head.png">
                                        <span class="label_size_1 label_color_1">领头人</span><br>
                                        <span class="label_color_2">王中兴</span>
                                    </div>
                                    <div class="imgDiv border_line">
                                        <img src="../images/head.png">
                                        <span class="label_size_1 label_color_1">领头人</span><br>
                                        <span class="label_color_2">王中兴</span>
                                    </div>
                                    <div class="imgDiv">
                                        <img src="../images/head.png">
                                        <span class="label_size_1 label_color_1">领头人</span><br>
                                        <span class="label_color_2">王中兴</span>
                                    </div>
                                </div>

                            </div>
                            <div id="head_detail">
                                <h3 class="text_position_c">我为什么要创建？</h3>
                                <p class="label_size_1">
                                    1971年生，广东汕尾人，大学中文专业毕业。系生命管理体系创始人，知名生命教育导师，创业津梁软孵化器特邀生命管理顾问。也是一名连续创业。
                                </p>
                            </div>
                        </div>
                        <div class="pro_mes" style="width: 344px; height: 465px;">
                            <div class="pro_edit_bg">
                                <a href="#">
                                    <img src="../images/edit.png"/>
                                </a>
                                <span class="label-blue">修改融资需求</span>
                            </div>
                            <div class="pro_context_title" style="margin-top: -25px;"><span class="label_10">融资金额及进度</span></div>
                            <div class="pro_context_text">
                                <span class="label_12 label_color_2">已预约认购金额</span><br>
                                <span class="label_13 label_color_3">￥1,533,000</span>
                            </div>
                            <div class="pro_context_text border_line text_position_c" style="width: 43%; float: left;">
                                <span class="label_14 label_color_3">￥800.000</span><br>
                                <span class="label_9 label_color_2">项目方出资</span>
                            </div>
                            <div class="pro_context_text text_position_c" style="width: 43%; float: left; margin-left: -10px;">
                                <span class="label_14 label_color_3">￥130.000</span><br>
                                <span class="label_9 label_color_2">融资总额</span>
                            </div>
                            <div class="pro_context_text">
                                <div class="bar-text" style="margin-left: 12%; margin-bottom: 5px;">
                                    <img src="../images/bar.png" />
                                </div>
                                <div class="sui-progress progress-custom">
                                    <div style="width: 15%;" class="bar bar-custom"></div>
                                </div>
                                <div class="bar-text" style="width: 35%; float: left; margin-top: -10px;">
                                    <span class="label_color_1 label_12">15%</span><br>
                                    <span class="label_color_2">已达</span>
                                </div>
                                <div class="bar-text" style="width: 45%; float: left; margin-top: -10px;">
                                    <span class="label_color_1 label_12">￥2,000,000</span><br>
                                    <span class="label_color_2">预约金额</span>
                                </div>
                                <div class="bar-text" style="width: 18%; float: left; margin-top: -10px;">
                                    <span class="label_color_1 label_12">162天</span><br>
                                    <span class="label_color_2">剩余时间</span>
                                </div>
                            </div>
                            <div class="pro_context_text pro_context_text_border">
                                <span class="label_size_1 label_color_1">粉丝人数:</span>
                                <span class="label_12 label_color_3">34</span>
                                <span class="label_size_1 label_color_1">认购人数:</span>
                                <span class="label_12 label_color_3">165</span>
                                <span class="label_size_1 label_color_1">约谈人数:</span>
                                <span class="label_12 label_color_3">57</span>
                            </div>
                            <div class="pro_context_text pro_context_text_border text_position_c" style="padding-top: 15px;">
                                <a href="javascript:void(0);" class="sui-btn btn-width-5 btn-custom">
                                    <span class="label_12">预约认购</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 弹出层start -->
<div id="myModal" tabindex="-1" role="dialog" data-hasfoot="false"  class="sui-modal hide fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" data-dismiss="modal" aria-hidden="true" class="sui-close"><img src="../images/btn_close.png"></button>
                <h4 id="myModalLabel" class="modal-title"></h4>
            </div>
            <div class="modal-body"></div>
        </div>
    </div>
</div>
<!-- 弹出层end -->
<object width="100%" height="260" data="../home/footer.html"></object>
<script type="text/javascript">
    $(function() {
        $(".mixedContent .carousel").jCarouselLite({
            btnNext: ".mixedContent .next",
            btnPrev: ".mixedContent .prev",
            visible: 5
        });
        //实例化编辑器
        var $editor = $('#editor').editor();

        // 鼠标停在头像上
        $("#head_detail").hide();
        $("#pro_head").mouseenter(function () {
            $("#head_detail").show();
            $(".pro_context_body").hide();
        });
        $("#head_detail").mouseleave(function () {
            $("#head_detail").hide();
            $(".pro_context_body").show();
        });

        $('#editBasic').click(function(){
            $('#editBasic').attr('data-remote', 'editBasicPop.html?a='+ Math.random());
            $('#myModalLabel').html('修改个人信息');
        });
        $('#editService').click(function(){
            $('#editService').attr('data-remote', 'editServerPop.html?b='+ Math.random());
            $('#myModalLabel').html('服务代理设置');
        });
        $('#editVideo').click(function(){
            $('#editVideo').attr('data-remote', 'editVideoPop.html?ddd='+ Math.random());
            $('#myModalLabel').html('视频修改');
        });
    });
    //--allow-file-access-from-files
</script>
</body>
</html>
